:root{--bg-yellow:#FFFC00;--border-black:#1a1a1a;--shadow:4px 4px 0 #1a1a1a;--card-bg:#fff}body,html{height:100%;margin:0;padding:0;overflow-x:hidden;font-family:'Nunito',sans-serif;background-color:var(--bg-yellow);color:var(--border-black);background-image:radial-gradient(rgba(0,0,0,0.1) 1px,transparent 1px);background-size:20px 20px}.top-nav{position:absolute;top:1.5rem;right:1.5rem;z-index:10}.brand-pill{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid var(--border-black);padding:.5rem 1rem .5rem .5rem;border-radius:99px;box-shadow:var(--shadow);transition:transform .1s}.brand-pill:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-black)}.nav-logo{width:32px;height:32px;object-fit:contain}.nav-text{font-weight:900;font-size:1rem;letter-spacing:-0.02em}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;box-sizing:border-box}.hero-card{background:var(--card-bg);border:2px solid var(--border-black);border-radius:1rem;padding:2rem;max-width:420px;width:100%;box-shadow:8px 8px 0 var(--border-black);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.badge{background:#e0f2fe;color:#0369a1;border:2px solid var(--border-black);font-size:.75rem;font-weight:800;padding:.25rem .75rem;border-radius:99px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:2px 2px 0 var(--border-black)}h1{font-weight:900;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1;margin:0 0 1rem;letter-spacing:-0.03em}p{font-weight:600;font-size:1.1rem;line-height:1.5;margin:0 0 1.5rem;color:#4a4a4a}.features{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-bottom:2rem;text-align:left;background:#f9fafb;padding:1rem;border-radius:.75rem;border:2px solid #e5e7eb;box-sizing:border-box}.feature-item{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:.95rem;color:#333}.check-icon{width:20px;height:20px;background:#22c55e;border:2px solid var(--border-black);border-radius:50%;flex-shrink:0;position:relative}.check-icon::after{content:'';position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.cta-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;background-color:var(--border-black);color:#fff;text-decoration:none;font-weight:800;font-size:1.25rem;border-radius:.75rem;border:2px solid var(--border-black);cursor:pointer;transition:all .15s ease}.cta-btn:hover{background-color:#333;transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(0,0,0,0.2)}.cta-btn:active{transform:translate(0,0);box-shadow:none}.trust-badge{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;opacity:.8;background:rgba(255,255,255,0.5);padding:.25rem .75rem;border-radius:99px;border:1px solid #1a1a1a}.dot{width:8px;height:8px;background:#22c55e;border-radius:50%;border:1px solid #1a1a1a}@media(max-width:480px){.hero-card{padding:1.5rem 1.25rem;box-shadow:6px 6px 0 var(--border-black)}.nav-text{font-size:.9rem}}